<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>

  <body class="df fd">
    <!-- 轮播区域 -->
    
    <!-- 如果需要分页器 -->
  <main class="flex">
     
     
        
  </main>
    <footer>
      <ul class="df t-center">  
        <li>
          <a href="home.html"  class="active"></a>
          <i class="icontfont icon-home"></i>
          <span>首页</span>
        </li>
        <li>
          <a href="sports.html"></a>
          <i class="iconfont icon-sport"></i>
          <span>运动</span>
        </li>
        <li><a href="circle.html"></a>
          <i class="iconfont icon-circle"></i>
          <span>圈子</span>
        </li>
        <li><a href="my.html"></a>
          <i class="iconfont icon-mine"></i>
          <span>我的</span>
        </li>
      </ul>
    </footer>
  </body>
</html>
